HTMLify
index.html
Views: 336 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Catch The Insect</title> </head> <body> <div class="screen"> <h1>Catch The Insect</h1> <button class="btn" id="start-btn">Play Game</button> </div> <div class="screen"> <h1>What is your "favorite" insect?</h1> <ul class="insects-list"> <li> <button class="choose-insect-btn"> <p>Fly</p> <img src="http://pngimg.com/uploads/fly/fly_PNG3946.png" alt="fly" /> </button> </li> <li> <button class="choose-insect-btn"> <p>Mosquito</p> <img src="http://pngimg.com/uploads/mosquito/mosquito_PNG18175.png" alt="mosquito" /> </button> </li> <li> <button class="choose-insect-btn"> <p>Spider</p> <img src="http://pngimg.com/uploads/spider/spider_PNG12.png" alt="spider" /> </button> </li> <li> <button class="choose-insect-btn"> <p>Roach</p> <img src="http://pngimg.com/uploads/roach/roach_PNG12163.png" alt="roach" /> </button> </li> </ul> </div> <div class="screen game-container" id="game-container"> <h3 id="time" class="time">Time: 00:00</h3> <h3 id="score" class="score">Score: 0</h3> <h5 id="message" class="message"> Are you annnoyed yet? <br /> You are playing an impossible game!! </h5> </div> <script src="script.js"></script> </body> </html> |